<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 
        选择器
        1，标签选择器
        2，class选择器
        3，通配符
        4，id选择器 一阶段不常用
            a,在样式表里以#你自己取的名字{}  如，#all{color:red;}
            b,在标签上用id调用  <div id="all"></div>
            id选择器具有唯一性,属性值只能是一个
        5,群组选择器
            把相同的代码组合到一起，用逗号隔开
     -->
     <style>
         .box{
             color:red;
         }
         #box1{
             color:yellow;
         }
         #all{
             color:blue;
         }
     </style>
</head>
<body>
   <div class="box" id="box1" >调薪</div> 
   <div id="all">恭喜你发财了</div>
</body>
</html>